@charset 'utf-8';
@import 'common/base';

.web {
	.index-content {
		width: 100%;
		height: 100%;
		background-image: url(../img/bg.jpg);
		background-size: 100%;
		position: relative;

		.index-star {
			position: absolute;
			overflow: hidden;
			img {
				width: 100%;
			}
		}

		.index-star1 {
			width: r(80);
			height: r(80);
			top: r(260);
			left: r(515);
			animation: starBlink 1s ease infinite;
		}

		.index-star2 {
			width: r(60);
			height: r(60);
			top: r(490);
			left: r(30);
			animation: starBlink 0.8s infinite;
		}

		.index-star3 {
			width: r(40);
			height: r(40);
			top: r(165);
			left: r(55);
			animation: starBlink 0.6s infinite;
		}

		.index-star4 {
			width: r(46);
			height: r(46);
			top: r(308);
			left: r(123);
			animation: starBlink 0.8s infinite;
		}

		@keyframes starBlink {
        	

        	50% {
               	opacity: 0.6;
        		filter : brightness(0.6);
        	}

        	100% {
				opacity: 1;
        		filter : brightness(1.2);
        	}
        }

        .index-title {
        	position: absolute;
        	overflow: hidden;
        	animation-duration: 1.5s;
        	img {
        		width: 100%;
        	}
        }

        .index-title1 {
        	width: r(500);
            bottom: r(280);
            left: r(90);
        }

        .index-title2 {
        	width: r(340);
            bottom: r(190);
            left: r(160);
        }

        .index-title3 {
            width: r(230);
            bottom: r(135);
            left: r(220);
        }

        .index-arrows {
        	width: r(40);
        	height: r(40);
        	position: absolute;
        	bottom: r(90);
        	left: r(320);
        	animation-duration: 1s;
        	p {
        		i {
        			font-size: r(34);
        			line-height: r(40);
        			font-weight: bolder;
        			color: #ffffff;
        		}
        	}
        }

		.go-lotto {
			width: r(160);
			height: r(56);
			background: transparent;
			border: none;
			outline: none;
			font-size: r(34);
			line-height: r(56);
			color: #ffffff;
			position: absolute;
			bottom: r(10);
			left: r(260);
		}
	}
}